<template>
    <div style="padding:100px">
        <span>是的</span>
        <bf-divider content-position="center"   :dashed="true"><span style="font-size:20px">222222222222222222222222222222</span></bf-divider>
        <span>是的</span>
        <bf-divider content-position="left" color="red"   :dashed="true">222222222222222222222222222222</bf-divider>
        <span>是的</span>
        <bf-divider content-position="center" color="red"  :dashed="true">222222222222222222222222222222</bf-divider>
        <span>是的</span>
        <bf-divider content-position="right"   :dashed="false">222222222222222222222222222222</bf-divider>
        <span>是的</span>
        <bf-divider content-position="center" color="black"  :dashed="true">222222222222222222222222222222</bf-divider>
        <span>是的</span>
        <bf-divider content-position="center" color="blue"  :dashed="true">222222222222222222222222222222</bf-divider>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>

</style>